<!-- 水印啊是这个吗 -->
<!DOCTYPE html>
<head>
	<link rel="stylesheet" href="./CSS/index.css" type="text/css" />
	<link rel="stylesheet" href="./CSS/reset.css" type="text/css" />
</head>
<body>
	<!-- 主体显示部分 -->
	<header>
		<div class="container headBar">
			<!--主体头部-->
			<div class="logo"></div>
			<!-- 导航 -->
			<nav>
				<a href="#" class="navItem article">首页</a>
				<a href="#" class="navItem">分类</a>
				<a href="#" class="navItem">排行榜</a>
				<a href="#" class="navItem">个性小说</a>
			</nav>
			<!-- 搜索 -->
			<form class="search-wrap">
				<input type="search" spellcheck="true"/>
				<button type="submit">搜索</button>
			</form>
		</div>
	</header>
	<article class="container">
		<div class="fiction-text">
			<h1>网站介绍</h1>
			<p>小说网创建于2008年，原名一起看小说网，是集创作，阅读与一体的在线阅读网站。我们以“让每个人都享受创作的乐趣”为出发点，提供玄幻奇幻，都市言情，武侠仙侠，青春校园，穿越架空，惊悚悬疑，经典文学，二次元等小说，读者可在线阅读及免费下载。
			</p>
		</div>
		<section class="iframeWrap">
			<iframe name="Iframe" src="list1.html" border="0" framborder="0"></iframe>
		</section>
		<section class="pagewrap">
			<ul class="page">
				<li><a href="list1.html" target="Iframe" class="pageItem">1</a></li>
				<li><a href="list2.html" target="Iframe" class="pageItem">2</a></li>
			</ul>
		</section>
	</article>
	<footer>
		<a href="#">关于小说</a>
		<a href="#">友情链接</a>
		<a href="#">联系我们</a>
		<a href="#">帮助中心</a>
	</footer>
</body>
</html>